

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>首页</title>
     
    <link rel="stylesheet"  href="user.css">
    <script src="./js/vue.global.js"></script>

   
        <link rel="stylesheet" href="./js/index1.css" />
        <script src="./js/index.full.js"></script>
 <style>
    
    .main{
        width: 1200px;
       
        height: 850px;
        background-color: #fafafa;  
    }
    ul{
        list-style: none;
    }
    a{
        text-decoration: none;
    }
    .zj{
        width: 1160px;
        margin: 0px auto;
        background-color: #fff;
    }
   
     th,td{
    border-collapse: collapse;
     }
  
  td { 
    
    border-bottom: 1px solid #dddddd; 
   
  }
 </style>
</head>
<body>
    <div id="app">
        
            <el-container style=" width: 1200px;margin: 0 auto;">
              
                <el-header style=" background-color: #fff;">
                    <el-row style="display: flex;align-items:center">
                    <el-col :span="8" style="display: flex;">
                         <div>
                              <el-image style="width: 60px; height:60px" src="img/u128.png">
                         </div>    
                         <div>
                            <h1 style="padding-left:20px;">双碳招投标网</h1>
                         </div>
                    </el-col>
                        <el-col :span="12">
                            <el-menu mode="horizontal" style="border:0!important;">
                                <el-menu-item id="xiabiao"><h3><a href="./pingtaidongtai.html">平台动态</a></h3></el-menu-item>
                                <el-menu-item id="xiabiao"><h3><a href="./zhengcefagui.html">政策法规</a></h3></el-menu-item>
                                <el-menu-item id="xiabiao"><h3><a href="./weiguitousu.html">违规投诉</a></h3></el-menu-item>
                            </el-menu>
                        </el-col>
                        <el-col :span="4" ><a href="./gerenzhongxin.html">
                            <el-image style="width: 50px;height:50px;float: left;position: relative;top:10px;left: 20px;" src="img/u122.png"></el-image>
                        </a>
                            <h3 style="float: left;position: relative;left: 50px;top: 5px;">admin</h3>
                        </el-col>
                        
                       </el-row>
                </el-header>
                <el-main class="main">     
                    
                    <a href="./shouye.html"><el-text style="color: #999;">首页</el-text></a>/<a href="./zhengcefagui.html"><el-text>政策法规</el-text></a>
                    <div class="zj">
                        <table width="1100px" style="margin:0px auto ;" >
                            <tr bgcolor="#f6fdfd" height="50px">
                                <td>序号</td>
                                <td>政策法规标题</td>
                                <td>发布时间</td>
                            </tr >
                            <tr v-for="post in postList" style="border:1px solid;">
                                <td ><img v-bind:src="post.img" ></td>
                                <td>{{post.title}}</td>
                                <td>{{post.date}}</td>
                                
                            </tr>
                        </table>
                    </div>
                    
                </el-main>
                 
            </el-container>
           
          
    </div>
</body>
  <script>
       const App={
        data(){
   return{
        
        postList:[
{img:'img/u19.png',title:"2023年度北京市财政局法律法规规章制度及制度执行情况评估",date:'2023-04-13',bq:'hr'},
{img:'img/u19.png',title:"[麻城市中心] 麻城市农村公路管理局招标",date:'2022-04-13',bq:'hr'},
{img:'img/u19.png',title:"硬刷《惠州市市属和环境卫生管理条款》",date:'2022-04-13',bq:'hr'},
{img:'img/u19.png',title:"[汉川市中心] 汉川电厂四期扩建工程电力",date:'2022-04-13',bq:'hr'},
{img:'img/u19.png',title:"2023年广州市水务局法律法规动态委托调整项目",date:'2022-04-13',bq:'hr'},
{img:'img/u19.png',title:"[麻城市中心] 麻城经济开发区湛家园小学",date:'2022-04-13',bq:'hr'},
{img:'img/u19.png',title:"2023年度北京市财政局法律法规规章制度及制度",date:'2022-04-13',bq:'hr'},
{img:'img/u19.png',title:"[麻城市中心] 麻城经济开发区湛家园小学",date:'2022-04-13',bq:'hr'},
{img:'img/u19.png',title:"[汉川市中心] 汉川电厂四期扩建工程电力",date:'2022-04-13',bq:'hr'},
{img:'img/u19.png',title:"[硬刷《惠州市市属和环境卫生管理条款》",date:'2022-04-13',bq:'hr'},
{img:'img/u19.png',title:"[麻城市中心] 麻城经济开发区湛家园小学",date:'2022-04-13',bq:'hr'},
{img:'img/u19.png',title:"硬刷《惠州市市属和环境卫生管理条款》",date:'2022-04-13',bq:'hr'},
{img:'img/u19.png',title:"[麻城市中心] 麻城经济开发区湛家园小学",date:'2022-04-13',bq:'hr'},
{img:'img/u19.png',title:"2023年度北京市财政局法律法规规章制度及制度",date:'2022-04-13',bq:'hr'},
{img:'./img/u19.png',title:"[红安县中心] 红安县2023年度小型水库安",date:'2022-04-13',bq:'hr'},
],
    post:[
           {title:"0基础学javascrict",mony:'¥59'},
           {title:"vue.js从入门到实战",mony:'¥199'},
           {title:"深入浅出状态管理",mony:'¥29'},
           {title:"说透大厂前端项目场景面试",mony:'¥69'},
    ],
   }
        },
        methods:{

        }
       }
       Vue.createApp(App).use(ElementPlus).mount("#app")
  </script>
</html>